.block {
  display: block;
  width: 100%;
}
.flex {
  display: flex;
}
.row {
  display: flex;
  flex-direction: row;
}

.vertical-middle {
  align-items: center;
}
.horizontal-middle {
  justify-content: center;
}
$columns: 5;
@for $i from 1 through $columns {
  .col-#{$i} {
    flex: $i;
  }
}
.vote-content {
  width: px2rem(603px);
  margin: 0 px2rem(85px) 0 px2rem(83px);
  padding-bottom: px2rem(40px);
}


.with-banner-padding {
  position: relative;
  background: $mainThemeColor;
  padding-top: px2rem(498.9px);
  padding-bottom: px2rem(43px);
  &:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("~@/assets/banner.png");
    background-repeat: no-repeat;
    background-size: px2rem(749px) px2rem(542px);
    background-position: center top;
    width: px2rem(750px);
    height: px2rem(542px);
    z-index: 999;
  }
  &.no-after {
    &:after {
      display: none;
    }
  }
  //&:after {
  //  content:"";
  //  display: block;
  //  margin-left: px2rem(90px);
  //  width: px2rem(602px);
  //  height: px2rem(24px);
  //  background: #1B59E8
  //}



}
.has-bottom-out {
  &:after {
    content:"";
    display: block;
    margin-left: px2rem(90px);
    width: px2rem(602px);
    height: px2rem(35px);
    background: #1B59E8;
    transform: translateY(px2rem(-1px));
  }
}
.mgn-middle {
  margin: 0 auto;
}